// 入口文件
//导入react包
import React from 'react'
// 将来如果脚手架版本较高(4及以上), jsx语法是不需要引入React; 否则需要引入
//导入渲染包 react-dom
import ReactDOM from 'react-dom/client'

// console.log(1111)

// 目标: 创建元素 渲染在页面中
// document.createElement('div')

// 1. 创建react元素
// 说明:
// jsx 不是标准的js, 必须在react项目中使用;
// jsx 本质其实还是通过babel进行转换(语法降级), 本质还是通过React.createElement
const el = (
  <>
    <p className="hello">hello react</p>
    <span className="react">hello react!!!</span>
  </>
)

// 2. 创建挂载点
const root = ReactDOM.createRoot(document.getElementById('root'))

// 3. 元素需要渲染在挂载点中
root.render(el)
